@charset "UTF-8";




@media screen  and (max-width: 950px){
    #business  .b-nav{
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        height: calc((1000/192)*1rem);
        padding-bottom: calc((150/192)*1rem);
    }

    #business  .b-nav li{
        width: 33%;
        height:auto ;
        margin: unset;
        font-size: 14px;
        text-align: center;
    }
    #business  .b-nav li:nth-child(4) div{
        margin-left: calc((60/192)*1rem);
    }

    #business  .b-nav li:nth-child(1) div h3{
        width: calc((274/192)*1rem);
        height: calc((274/192)*1rem);
        background-image: url("../img/GMP4.png");
    }
    #business  .b-nav li:nth-child(2) div h3{
        width: calc((277/192)*1rem);
        height: calc((275/192)*1rem);
        background-image: url("../img/cfda3.png");
    }
    #business  .b-nav li:nth-child(3) div h3{
        width: calc((260/192)*1rem);
        height: calc((275/192)*1rem);
        background-image: url("../img/fda3.png");
    }
    #business  .b-nav li:nth-child(4) div h3{
        width: calc((277/192)*1rem);
        height: calc((275/192)*1rem);
        background-image: url("../img/mah3.png");
    }
    #business  .b-nav li:nth-child(5) div h3{
        width: calc((273/192)*1rem);
        height: calc((273/192)*1rem);
        background-image: url("../img/yaozheng3.png");
    }
    #business  .b-nav li:nth-child(6) div h3{
        width: calc((293/192)*1rem);
        height: calc((275/192)*1rem);
        background-image: url("../img/huiyi3.png");
    }
    #business .b-nav li:nth-child(1) div {
        left: calc((105/192)*1rem);
    }
    #business .b-nav li:nth-child(2) div {
        left: calc((108/192)*1rem);
    }
    #business .b-nav li:nth-child(5) div {
        left: calc((108/192)*1rem);
    }
    #business  .b-nav li div p{
        white-space: nowrap;
    }
    #business .b-content{
        height: auto;
    }
    #business .b-content .gt-c{
        width: 100%;
    }
    #business .b-content .gt-c .left,
    #business .b-content .gt-c .right{
        float: none;
        width: 100%;
    }

    #business .b-content .gt-c .left > li{
        width: 40%;
        margin: auto;
        line-height: calc((140/192)*1rem);
    }
    #business .b-content .gt-c .left > li:nth-child(1){
        margin-left: calc((350/192)*1rem);
    }
    #business .b-content .left > li + li{
        margin-left: 0;
    }
    #business .b-content .left > li h5{
        font-size: 20px;
    }
    #business .b-content .left > li h5:before{
        top: calc((40/192)*1rem);
        left: calc((-60/192)*1rem);
        width: calc((50/192)*1rem);
        height: calc((50/192)*1rem);
    }
    #business .b-content .gt-c .left > li ul li{
        font-size: 16px;
    }

    #business .b-content .gt-c .right img{
        height: auto;
    }

    #business .b-content .right{
        height: auto;
    }
    #business .cfda{
        width: 100%;
    }
    #business .cfda .c-top{
        width: 100%;
    }
    #business .cfda .c-top .ct-c{
        width: 100%;
    }
    #business .cfda .c-top .ct-c .left{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #business .cfda .c-top .ct-c .left li{
        float: none;
        width: 40%;

    }
    #business .b-content .cfda .left > li + li{
        margin-left: 0;
    }
    #business .b-content .cfda .left > li {

    }

    #business .cfda .c-top .ct-c .left > li {
        line-height: calc((130/192)*1rem);
    }
    #business .b-content .left > li h5{
        font-size: 20px;
    }
    #business .b-content .left > li ul li{
        font-size: 16px;
    }
    #business .b-content .cfda .left > li:nth-child(1),
    #business .b-content .cfda .left > li:nth-child(3){
        margin-left: 50px;
    }
    #business .b-content .cfda .left > li:nth-child(4) > a{
        right: 0;
    }

    #business .fda {
        width: 100%;
    }
    #business .fda .left {
        width: 100%;
    }
    #business .fda .left > li{
        float: none;
        width: 100%;
        line-height: calc((160/192)*1rem);
    }
    #business .b-content .fda .left > li:nth-child(2){
        margin-left: 0;
    }
    #business .b-content .fda .left > li ul {
        width: 60%;
        margin: auto;
    }
    #business .b-content .fda .left > li:nth-child(3) > a{
        right: 0;
    }
    #business .meeting{
        width: 100%;
    }
    #business .meeting .left{
        width: 30%;
        margin: auto;
    }
    #business .meeting .left li{
        float: none;
        width: 100%;
        font-size: 18px;
        line-height: calc((160/192)*1rem);
    }
    #business .b-content .meeting .left > li:nth-child(3) a + a{
        width: calc((450/192)*1rem);
        font-size: 14px;
    }

    #business .b-content .meeting .left > li + li{
        margin-left: 0;
    }
    #business .g-secondary{
        font-size: 14px;
    }
    #business .g-secondary h5{
        font-size: 18px;
    }
    #business .g-secondary > div{
        width: 90%;
        line-height: calc((130/192)*1rem);
    }
    #business .g-secondary > div h6{
        font-size: 16px;
    }
    #business .g-secondary > div div ol li{
        text-align: justify;
    }
    #business .g-list .left{
        width:100%;
    }
    #business .g-list .left > li{
        width: 40%;
        margin-bottom: 50px;

        line-height: calc((140/192)*1rem);

    }

    #business .g-list  .left > li:nth-child(3n+2){
        margin-left: 0;
    }
    #business .g-list  .left > li:nth-child(3n+3){
        margin-left: 0;
    }
    #business .g-list  .left > li:nth-child(even){
          margin-left: 50px;
    }

    #business .g-list .left > li h5{
        font-size:20px
    }
    #business .g-list .left > li h5:before{

        top:calc((40/192)*1rem);
        left:calc((-60/192)*1rem);

        width: calc((50/192)*1rem);
        height: calc((50/192)*1rem);

    }
    #business .g-list .left > li ul li{
        font-size: 16px;
    }
}



@media screen  and (max-width: 800px) {
    #business .b-bottom {
        text-align: left;
    }

    #business .b-bottom h5 {
        padding-bottom: 10px;
        font-size: 30px;
        text-align: center;
    }

    #business .b-bottom .num > i {
        width: 1px;
        margin-left: 48px;

    }
    #business .b-bottom .num ul li{
        width: 91px;
        height: 91px;
        font-size: 50px;
    }
    #business .b-bottom .num ul li span{
        padding: 10px 25px;
        line-height: 91px;
    }
    #business .b-bottom .num ul li i{
        width: 13px;
        height: 10px;
    }
    #business .b-bottom .process div {
        margin: auto;
        font-size: 18px;
        line-height: calc((110 / 192) * 1rem);
    }

    #business .b-bottom .process div h6 {
        font-size: 20px;
    }

    #business .b-bottom .process div:nth-child(1) {
        top: calc((300 / 192) * 1rem);
        left: calc((620 / 192) * 1rem);
    }

    #business .b-bottom .process div:nth-child(2) {
        top: calc((1400 / 192) * 1rem);
        left: calc((620 / 192) * 1rem);
        text-align: left;
    }

    #business .b-bottom .process div:nth-child(3) {
        top: calc((2850 / 192) * 1rem);
        left: calc((620 / 192) * 1rem);
    }

    #business .b-bottom .process div:nth-child(4) {
        top: calc((4350 / 192) * 1rem);
        left: calc((620 / 192) * 1rem);
        text-align: left;
    }

    #business .b-bottom .process div:nth-child(5) {
        top: calc((6000 / 192) * 1rem);
        left: calc((620 / 192) * 1rem);
    }

    #business .b-bottom .process div ul {
        width: 100%;
    }

    #business .b-bottom .process div ul li {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #business .b-bottom .process div ul li {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;

    }
}



@media screen  and (max-width: 750px){

    #business .b-bottom .process div {
        line-height: 29px;
    }

    #business .b-content .gt-c .left > li{
        float: none;
    }
    #business .b-nav li:nth-child(2) div {
        left: calc((148/192)*1rem);
    }
    #business .b-nav li:nth-child(1) div {
        left: calc((55/192)*1rem);
    }
    #business .b-content .gt-c .left > li:nth-child(1){
        margin: auto;
    }
    #business .g-list  .left > li{
        width: 100%;
    }
    #business .g-list  .left > li:nth-child(even){
       
        margin:auto;
    }

    #business .b-bottom .process div:nth-child(1) {
        top: 80px;
        left: calc((620/192)*1rem);
    }
    #business .b-bottom .process div:nth-child(2) {
        width: 60%;
        top: 350px;
        left: calc((620/192)*1rem);
        text-align: left;
    }
    #business .b-bottom .process div:nth-child(3) {
        top:650px;
        left: calc((620/192)*1rem);
    }
    #business .b-bottom .process div:nth-child(4) {
        width: 60%;
        top: 1025px;
        left: calc((620/192)*1rem);
        text-align: left;
    }
    #business .b-bottom .process div:nth-child(5) {
        top:1400px;
        left: calc((620/192)*1rem);
    }

}

@media screen  and (max-width: 500px){
    #business .cfda .c-top .ct-c .left{
        width: 60%;
        margin: auto;
    }
    #business .cfda .c-top .ct-c .left li{
        float: none;
        width: 100%;
        line-height: calc((180/192)*1rem);
    }
    #business .b-content .cfda .left > li:nth-child(1),
    #business .b-content .cfda .left > li:nth-child(3){
        margin-left: 0;
    }
}















































